<template>
	<view class="content bgf8">
		<wuc-tab :tab-list="tabList" :tabCur.sync="TabCur" @change="tabChange" textFlex style="margin-bottom: 20upx;"></wuc-tab>
		<view class="tabchange">
			<Tab1 v-if="TabCur == 0"></Tab1>
			<Tab2 v-else-if="TabCur == 1"></Tab2>
			<Tab3 v-else></Tab3>
		</view>
	</view>
</template>

<script>
	import WucTab from '@/components/wuc-tab/wuc-tab.vue';
	import Tab1 from '@/components/tab1.vue';
	import Tab2 from '@/components/tab2.vue';
	import Tab3 from '@/components/tab3.vue';
	export default {
		components: { WucTab, Tab1, Tab2, Tab3 },
		data() {
			return {
				TabCur: 0,
				tabList: [{ name: '待接诊' }, { name: '问诊中' }, { name: '已结束' }],
			}
		}, 
		methods: {
			tabChange(index) {
				this.TabCur = index;
				console.log(this.TabCur)
			}
		}
	}
</script>

<style lang="scss" scoped>
.tabchange{
	height: calc(100% - 132upx);
}
</style>
